@charset "utf-8";

@font-face{ font-family: BarlowCondensed-SemiBold; src: url(../fonts/barlowcondensed-semibold.ttf);}
@font-face{ font-family: BarlowCondensed-Medium; src: url(../fonts/barlowcondensed-medium.ttf);}
@font-face{ font-family: BarlowCondensed-Light; src: url(../fonts/barlowcondensed-light.ttf);}
@font-face{ font-family: BarlowCondensed-Bold; src: url(../fonts/barlowcondensed-bold.ttf);}
@media (min-width:1601px){html{font-size:16px;}}

@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}

@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}

@media (min-width:471px) and (max-width:639px){html{font-size:12px;}}

@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}

@media (max-width:328px){html{font-size:13px;}}



@media (min-width: 768px)

{
#s_yinxiao ul li a:hover{ box-shadow: 0px 6px 20px 0px rgba( 152, 70, 7 ,.2); transform: translateY(-2rem);}
@font-face{ font-family: PingFangSC-Regular; src: url(../fonts/pingfang.ttf);}
@font-face{ font-family: PingFangSC-Medium; src: url(../fonts/pingfang_medium.ttf);}

}

@media (min-width: 992px)

{
 
#n_wenhua ul li.li_1 .con{ position: absolute; left: 29.5%; top: 3.5rem;}
}

@media (min-width: 1200px)

{
 

}

@media (min-width: 1280px)

{
 

}





@media (min-width: 1440px)

{
 	

}





@media (min-width: 1660px)

{
 

}

@media screen and (min-width:1200px) and (max-width:1440px){

 

 

}

@media (max-width: 1660px)

{

 	

}

@media (max-width: 1600px)

{
#nav ul li a{ padding: 0 .75rem;}


}

.web{}

.wap{ display:none;}

@media (max-width: 1440px)

{

#nav ul li a{ padding:0 .5rem;}

#nav ul li h3{ font-size:1rem;}

}

@media (max-width: 1360px)

{

 #banner .swiper-container { height: 43rem;}
#logo img{ height: 2.5rem;}
}

@media (max-width: 1280px)

{
#nav{ margin-right:1.5rem;}
#header{ display:none;}
#m_header{ display:block; }
#nav_btn_box{ display: block;}
.n_title{ display:none}
#m_n_nav{ display:block}
#banner .swiper-container{ margin-top: 4.5rem;} 
.n_banner{ margin-top: 4.5rem;}
#s_pinzhi .center_box ul li .txt{width: 14rem;}
#n_lianxi{ padding-top: 4rem;}
.n_pro_xq{ margin-top: 3rem;}
.n_case_xq{ margin-top: 4rem;}
.left_con2{ width: 20rem; float: left;}
.right_con2{ width: calc(100% - 20rem);}
.right_con2{ padding-left: 3rem;}
#n_pro{ margin-top: 3rem;}
.pro_right ul li{ width: 33.333%;}
#n_coop ul li{ width: 20%;}
	#n_news_xq{ margin-top: 3rem; padding-top: 3rem; padding-left: 1.75rem; padding-right: 1.75rem;}
	#gallerySlider .placeholder img{ max-width: 80% !important; max-height: 80% !important;}
}



@media (max-width: 1200px)

{
#nav{ margin-right:0;}
#nav ul li { margin: 0;}
#nav ul li a{ padding:0 .4rem;}
.m{ padding-left:100px; padding-right: 100px;}
#banner .swiper-container { height: 35rem;}
#s_fuwu .bd{ width: 869px;}
#s_fuwu .bd ul li{ width: 12rem; height: 4.5rem;}
.n_fuwu01 .txt{ padding-top: 0; width: calc(100% - 28rem);}
.n_fuwu02 .txt{ padding: 1rem 3rem;}
.n_yingxiao .txt{ padding: 1rem 2rem;}
.n_yingxiao .txt font{ height: 2rem;}
#n_lianxi .hd ul li .box{ padding:2rem;}
#n_lianxi .hd ul li .img{ float:none; margin:0 auto;}
#n_lianxi .hd ul li .txt{ width:100%; position:static; float:none; padding:0;}
}

@media (max-width: 1100px)

{
	#s_fuwu .bd ul li{ width: 9rem;}
	#s_fuwu .bd ul li.li_2 p{ margin: 0 -2rem;}
	#s_news .item{ width: 50%; margin-bottom: 2rem;}
	#s_news .item .box{ height: auto;}
	#s_news .item:nth-child(3){ width: 100%; }
	#s_news .item:nth-child(3) .box{ height: 29rem;}
	#s_pinzhi .center_box ul li .txt{ width: 12rem;}
	.pro_right ul li{ width: 50%;}
	.pro_right { width: calc(100% - 19rem);}
	#n_coop ul li{ width: 25%;}
}

/*==========================导航和banner变成手机模式============================*/

@media (max-width: 992px)
{
.web{ display:none;}
.wap{ display:block;}
.online_q{ display:none;}
.n_nav {float: none;}
#s_case ul li{ width:50%; margin-bottom: 1rem;}
 .m{ padding-left: 60px; padding-right: 60px;}
	
	#s_pinzhi .center_box{ background: none !important; width: auto; height: auto; position: static; overflow: hidden; margin-top: 0; margin-bottom: 3rem;}
	#s_pinzhi .pic_box{ display: none;}
	#s_pinzhi .center_box ul{ margin: -1rem;}
	#s_pinzhi .center_box ul li{ overflow: hidden; width: 33.333%; float: left; padding: 1rem;}
	#s_pinzhi .center_box ul li .ico{ position: relative; left: 0 !important; top: 0 !important; float: none; margin: 0 auto;}
	#s_pinzhi .center_box ul li .txt{ position: static; float: none; width: 100% !important; margin: 0 !important; text-align: center !important;}
	#s_pinzhi .center_box ul li .txt p{ height: 96px;}
	
	
	.n_about .fl01 .left{width:100%;padding: 2.5rem 0 2.5rem; float: none; padding-bottom: 0;}
	.n_about .fl01 .right{width:100%;border:none;padding: 2.5rem 0 2.5rem; float: none; padding-top: 3rem;border-top: #dbdbdb 1px solid;}
	
	.list_box5{ margin:0 -5px; overflow: hidden;}
	.list_box5 li{float:left;width:50%;padding:0 5px;margin: 0 0 0; margin-bottom: 3rem;}
	.n_pro_xq .txt{ padding-left: 2rem; padding-top: 0;}
	.left_news_xq{ width: 100%; float: none;}
	
	.right_news_tujian{ width:100%; float: none; margin-top: 3rem;}
	.right_news_tujian ul{ margin: 0 -5px;}
	.right_news_tujian ul li{ width: 50%; float: left; padding:0 5px;}
	.shart_box{ display: none;}
	#n_zizhi ul li{ width: 33.333%;}
}

@media (min-width:481px) and (max-width:992px){ 

}

@media (max-width: 860px)
{
	#s_about .fl{ width: 100%; float: none;}
	#s_about .fr{ width: 100%; float: none;}
	.n_yingxiao .img{ height: 260px;}
	.n_yingxiao .img img{ width: auto; object-fit: cover; overflow: hidden;}
	.n_yingxiao .txt h5{ margin-bottom: 1rem;}
	.n_pro_xq .left{ width: 100%; float: none;}
	.n_pro_xq .right{ width: 100%; float: none; margin-top: 3rem; padding-left: 0;}
	.pro_xq_bot .left2{ width: 100%; float: none; padding-right: 0;}
	.pro_xq_bot .right2{ width: 100%; float: none; margin-top: 3rem; padding-left: 0;}
	.pro_xq_bot .right2 ul{ margin: 0 -5px; overflow: hidden;}
	.pro_xq_bot .right2 ul li{ width: 50%; padding: 5px; float: left;}
}

@media (max-width: 768px)

{
.pad_top{ padding-top:3rem;}
.pad_bot{ padding-bottom:3rem;}
.xs_jianju{ margin-left:-5px !important; margin-right: -5px !important;}
.xs_jianju li{ padding: 0 5px !important;}
 .m{ padding-left: 30px; padding-right: 30px;}
.n_nav ul li{ line-height:3; padding-top:1rem;}
.n_nav ul li a{padding: 0 2rem;}
.n_nav ul li font{ display:block; margin:0 auto; width: 1.2rem; height: 1.2rem; line-height:1.2rem;}
 

.pad_top{ padding-top:3rem;}

.pad_bot{ padding-bottom:3rem;}

.pad_aside{ padding-left:1rem; padding-right:1rem;}

.n_article .ar_article{ padding-bottom:10px !important;}

.ar_article table{ width:100% !important;}

.ar_article table td,.ar_article table th{ padding:3px 2px !important; font-size:10px !important; font-weight:normal !important; width:auto !important; height:auto !important;}

.ar_article table td *,.ar_article table th *{ padding:3px 2px !important; font-size:10px !important; font-weight:normal !important; padding:0 !important;}

.m{ padding-left:15px; padding-right: 15px;}
.draw_h { width: 40px !important; height:40px !important;line-height: 38px !important;}
.n_nav_box .m{ padding: 0;}
.n_nav{ text-align: left;}
.n_nav ul li{ width: 20%;}
.n_nav ul li a{ padding:0;}
	
#s_pro ul li{ width:50% !important; float: left; height: 200px; transition: .5s; overflow: hidden;}
#s_pro ul li a{ display: block; padding-left: 0;}
#s_pro ul li .box{height: 200px; background-size: cover !important;}
#s_pro ul li .txt{ width: 100% !important; height: 100% !important; }
#s_pro ul li .box .txt{ width: 21.25rem; height: 13rem; transition-delay: .4s; }
#s_pro ul li .box .txt:before{background: rgba(0,0,0,.5) !important;}
#s_pro ul li .box .con p{ opacity: 1; height:3rem; width: auto;}
#s_pro ul li .box .con h3 { opacity: 0; height:0; }
#s_pro ul li .box .con h4 { opacity: 1; height: 1.875rem;}
#banner .swiper-container{ height: 25rem;}
#s_pro02 .bd ul li{ width: 50%;}
#s_rukou ul{ flex-wrap: wrap; margin-top: -2rem;}
#s_rukou ul li{ width: 50%; margin-top: 2rem;}
#s_rukou ul i{ display: none;}
	#s_coop ul li{ width: 25%; margin: 0 !important;}
	#s_coop ul li:nth-child(1),#s_coop ul li:nth-child(8){ margin-left: 12.5% !important;}
	#s_coop ul li:last-child{ display: none;}
	#foot .foot_nav{ display: none;}
	#s_pinzhi .center_box ul{ margin:-3px;}
	#s_pinzhi .center_box ul li{ padding: 3px;}
	#s_pinzhi .center_box ul li .txt p{ font-size: 11px; line-height: 20px; height: 80px; overflow: hidden;}
	#s_pinzhi .center_box ul li .ico{ width: 78px;}
	#s_pinzhi .center_box ul li .ico img{ max-width: 2.25rem; max-height: 2.25rem;} 
	#s_about{ padding-top: 6rem; background-size: auto 6rem !important;}
	#foot .btn_detail {  float: right;  margin-top: -2.625rem;}
	#s_pinzhi{ background-size: 200% 100%;}
	.n_banner{ height: 13rem;}
	#n_news ul{ margin:0 -.5rem; margin-top: -2rem;}
	#n_news ul li{ width: 50%; padding: 0 .5rem; margin-top: 2rem;}
	.n_fuwu01 .txt{ width: 100%; float: none;}
	.n_fuwu01 .pic{ display: none;}
	.n_fuwu02 .txt{ padding: 1rem;}
	.n_yingxiao .txt{ padding: 1rem 2rem;}
	.n_linian01 .txt{ width: 100%; float: none; padding-top: 0;}
	.n_linian01 .pic{ display: none;}
	.left_con2{ width: 100%; float: none; padding-bottom: 0;}
	.right_con2{ width: 100%; float: none; padding-left: 0;}	
	#n_licheng .left_tt{   margin-bottom: 0; height: auto; padding: 2rem; text-align: center; background-size: 100% auto !important; background-position: bottom !important;}
	#n_licheng .left_tt .con{ text-align: center; }
	#n_licheng .left_bn{ display: none;}
	#n_licheng ul{ max-height: inherit; height: auto; overflow: hidden;}
	
	.pro_left{ width: 100%; float: none; display: none;}
	.pro_right{ width: 100%; float: none; margin-top: 0;}
	.pro_left ul li{ width: 50%; float: left; overflow: hidden;}
	.pro_left ul li:after{ content: ""; display: block; height: 100%; width: 1px; z-index: -1; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.1);}
	.pro_left ul li a{ padding: 10px 5px;}
	.pro_left ul li font{ width: 2.5rem; height: 2.5rem; margin-right: 5px;}
	.pro_left ul li p{ line-height: 2.5rem; white-space: nowrap;}
	.left_bn .img{ height: 9rem;}
	.left_bn .img img{object-fit: cover;}
	#n_coop ul li{ width: 33.333%;}
	#n_coop ul li a{ height: 9rem;}
	#n_coop ul li a .img{ line-height: 9rem;}
	#n_case ul{ margin-top: -20px;}
	#n_case ul li{ width: 50%; margin-top: 20px;}
	#n_case ul li .txt{ padding: 1.5rem 1rem;}
	#n_news ul li .txt{ padding: 1.5rem 1rem;}
	.ar_fot h5{ display: none;}
	#n_zizhi ul li{ width: 50%;}
	
}


@media (max-width: 480px)

{	#foot{ padding-top: 2rem;}
	#foot .m{ display: block;}
	#foot .item{ margin-top: 1.5rem;}
	.foot_logo{ display: none;}
	#s_news .itembox{ margin:0 -5px;}
	#s_news .item{ padding: 0 5px;}
	#s_news .item .txt{ padding: 2rem 1rem;}
	.moreT{ width:10rem;}
	#s_yinxiao ul li .box02{ padding: 2rem 1rem;}
	#s_yinxiao ul li .box02 .con{ font-size: .875rem; line-height: 1.75rem; height: 12.25rem;}
	#s_case ul li .txt{ padding: 1.5rem 1rem;}
	#s_news .scrollbox{ padding-right: 1rem;}
	#s_news ul::-webkit-scrollbar{ width: 2px;}
	.n_banner{ height: 10rem;}
	.sy-v .dot{ width:5rem; height:5rem;}
	.sy-v .dot .ico{ line-height:5rem;}
	.join_top{ padding:0rem; border:0; margin:0 -1rem;}
	.join_top ul li+li:before{ background-size:20px;}
	.sy-v .dot .ico img {
		max-width: 50%;
		max-height: 40%;}
	.join_bot ul li .btn_toudi{ position:relative; opacity:1;}
	.page a{ margin:0 1px;}
	.n_tt{ margin-bottom: 2.5rem;}
	.n_fuwu02 .img{ height: 200px;}
	.n_fuwu02 .img img{ width: auto; object-fit: cover; overflow: hidden;}
	.n_fuwu02 .txt h5{ margin-bottom: 1rem;}
	.n_yingxiao li{ margin-bottom: 2rem;}
	.n_yingxiao .img{ width: 100%; float: none;}
	.n_yingxiao .txt{ position: static; width: 100%; padding: 2rem;}
	.n_yingxiao .txt .con{ line-height: 1.625rem;}
	.n_linian02 ul li .img{ width: 9rem; height: 9rem;}
	.n_linian02 ul li .txt{ width: calc(100% - 9rem);}
	.n_pro_xq{ padding: 3rem 1.5rem;}
	#m_logo img{ height: 25px;}
	.list_box5{ display: none;}
	.n_about .fl01 .right{ border-top: 0; padding-top: 0;}
	.title001{ margin-bottom: 3rem;}
	#n_news ul li{ width: 100%;}
	.page{ margin-top: 3rem;}
	#foot .btn_detail{ width: 7rem;}
	.right_news_tujian{ display: none;}
	#sub_nav_content dl{    display: flex;
		flex-wrap: wrap;
		justify-content: space-around;}
		#sub_nav_content dt{ min-width: 33.3333%; width: auto;}
		.n_fuwu02 ul li{ margin-bottom: 15px;}
		.n_fuwu02 .img {width: 100%;float: none !important;}
		.n_fuwu02 .img img{ width: 100%;}
		.n_fuwu02 .txt {width: 100%;float: none !important; position: static; padding: 1.5rem;}
}